@import "base";
@import "public-new";
@import "btn-blueBasic";
.login-language{
  font-weight: normal;
  margin-right: 8px;
}
.form-lang{
  margin-top: 24px;
}
.lang-choose{
  border: 1px solid #fff;
  background: #22262a;
  color: #fff;
}
.loginRegister{
  margin-bottom: 33px;
}
.loginBox{
  position: absolute;
  top: 120px;
  right: 0;
  width: 352px;
  padding: 25px 25px 30px;
  background: rgba(0,0,0,0.5);
}
.intro-index{
  background: url("../img/public-new.png") no-repeat;
  position: absolute;
  top: 120px;
  left: 0;
  width: 603px;
  height: 80px;
  h4{
    position: absolute;
    top: 110px;
    width: 100%;
    text-align: center;
  }

}
.login-bg{
  background: url("../img/login-bg.jpg") no-repeat center;
  width: 100%;
  overflow: hidden;
  min-height: 602px;
}
.loginBox-username,.loginBox-pwd{
  position: relative;
}
.login-label{
  position: absolute;
  left: 1px;
  top: 1px;
  color: #ddd;
  background: #393f46;
  width: 40px;
  height: 40px;
  font-weight: 400;
  line-height: 40px;
  text-align: center;
}
.login-input{
  width: 300px;
  background: #22252a;
  border: 1px solid #393f46;
  padding: 12px 8px 11px 44px;
}
.icon-username,.icon-password{
  font-size: 22px;
  color: #737783;
}
.btn-login{
  width: 300px;
  height: 42px;
}
.errorMsg{
  color: #ea4541;
  text-align: center;
  width: 300px;
  margin-bottom: 15px;
  border: 1px solid #ea4541;
  background: #270201;
  padding: 9px 0;
  font-size: 0px;
  i{
    font-size: 14px;
    margin-right: 6px;
  }
  span{
    font-size: 12px;
  }
}
/*注册*/
.register-bg{
  min-height: 600px;
  width: 100%;
  background: url("../img/register-bg.jpg") no-repeat center;
}
.title-en{
  margin-top: 70px;
  margin-bottom: 16px;
}
.underLine{
  display: block;
  margin: 0 auto 17px;
  width: 36px;
  height: 6px;
  background: #14b8d5;
}
.step-bar{
  display: table;
  width: 730px;
  margin: 0 auto 85px;
}
.step-item{
  display: table-cell;
  position: relative;
  width: 33.33%;
  height: 7px;
  line-height: 7px;
  .step-circle{
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #44515a;
    margin: 0 auto;
  }
  p{
    position: absolute;
    top: 23px;
    left: 37%;
    font-size: 16px;
    color: #afb0b2;
  }
  b{
    position: absolute;
    display: block;
    width: 118px;
    height: 2px;
    background: #44515a;
    top: 3px;
  }
  .first-line{
    left:0;
  }.second-line{
    right:0;
  }
  &.active{
    .step-circle{
      background: #fff;
    }
    p{
      color: #fff;
    }
  }
}
.register-form-element{
  background: #22252a;
  border: 1px solid #393f46;
}
.register-form-label{
  text-align: right;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  font-weight: normal;
  color: #737783;
}
.register-form-input{
  width: 100%;
  padding: 11px 40px;
  line-height: 18px;
}
.pwd-intro{
  padding: 4px 0;
  color: #737783;
}
.pwd-safety,.pwd-safety-high{
  b{
    display: inline-block;
    width: 16px;
    border: 2px solid #44515a;
  }
}
.username-intro{
  padding: 8px 0;
  color: #737783;
}
.safety-high{
  color: #279a24;
  i{
    font-size: 14px;
    margin-right: 2px;
  }
}
.pwd-safety-high b{
  border-color: #279a24;
}
.pwd-confirm.active{
  input{
    border-color: #ea4541;
  }
}
.pwd-confirm-intro{
  padding: 8px 0;
  color: #ea4541;
  i{
    font-size: 14px;
    margin-right: 2px;
  }
}
.verification-codes{
  position: relative;
}
.verification-img{
  position: absolute;
  right: 16px;
  bottom: 1px;
}
.register-btn{
  width: 100%;
  padding: 11px 40px;
}
.form-horizontal .register-checkbox{
  padding-top: 0;
}
.btn-forward{
  border-radius: 0px;
  border: 1px solid #42cde6;
  background: transparent;
  color: #42cde6;
}
.identify{
  padding: 8px 0;
  color: #737783;
}
.register-successful{
  margin: 0 auto;
}
.register-successful-img{
  background: url("../img/public-new.png") no-repeat center;
  height: 233px;
  width: 255px;
  background-position: -23px -88px;
  margin: 0 auto 20px;
}
.register-successful-intro{
  font-size: 16px;
  text-align: center;
  margin-bottom: 45px;
}
.step-bar-last{
  margin: 0 auto 40px;
}
.btn-register-login{
  display: block;
  width: 200px;
  margin: 0 auto;
}
.time-countdown{
  color: #42cde6;
  margin: 0 10px;
}